//  这个文件是 由vue-cli 创建出来的项目 的配置文件
// 在 vue.config.js 这个配置文件中，可以对整个项目打包，构建进行全局性的配置

//  由于 通过 less 文件覆盖 需要绝对路径 ：
//  获取当前文件的绝对路劲
// const path = require('path');
//  通过 join拼接上 less的文件路径
// const themePath = path.join(__dirname, './src/css/theme.less');

module.exports = {
  // 表示 项目 run build 的时候 可以直接在 打包后的文件目录 dist 里打开
  publicPath: './',

  // css: {
  //   loaderOptions: {
  //     less: {
  //       modifyVars: {
  //         // 直接覆盖变量 缺点：每次修改后都要 重新启动 项目
  //         // 'nav-bar-background-color': ' #007bff',
  //         // 'nav-bar-title-text-color': '#ffff',
  //         // 'nav-bar-title-font-size': '18px',
  //         // 或者可以通过 less 文件覆盖（文件路径为绝对路径）优点：修改后 不用重新启动 项目
  //         hack: `true; @import "${themePath}";`, // 用 模板字符串 将 themePath添加进去
  //       },
  //     },
  //   },
  // },
};
